<!DOCTYPE html>

<html>

<head>
    <title>用户登录</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" href={{url_for("static",filename="icon/icon.jpg" )}}>
    <link rel="stylesheet" href={{url_for("static",filename="css/divtest.css" )}}>

    <style>
        body{
            background-image: url({{url_for("static",filename="img/bkgd001.jpg")}});
        }
        .card{
            background-color:rgb(39, 43, 43);
            padding-top: 100px;
            padding-bottom: 100px;
            opacity: 0.5;
        }
    </style>

</head>

<body>
    <div class="header">
        <h1>用户登录</h1>
    </div>
    <div class="row">
        <div class="column sides"></div>
        <div class="column middle">
            <ul>
            {% for message in get_flashed_messages() %}
            <div class=flash><li><p>{{ message }}</p></li></div>
            {% endfor %} 
            </ul>
            <div class="card">
                
                <form method="post" action="">
                    <input type="hidden" name="csrf_token" value={{csrf_token()}}>
                    {{form.username.label}}&emsp;{{form.username}}
                    <br><br>
                    {{form.password.label}}&emsp;&emsp;{{form.password}}
                    <br><br>
                    {{form.submit}}&emsp;&emsp;<button><a href={{url_for("user.signup")}}>注册</a></button>
                </form>
            </div>
        </div>
    </div>
</body>


</html>